﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="viewport" content="width=device-width">
    <title>大众进口汽车甲壳虫</title>
    <script type="text/javascript">
        addEventListener("load",function(){setTimeout(hideURLbar,0);},false);
        function hideURLbar(){
            window.scrollTo(0,1);
        }
    </script>
    <style type="text/css">
        * {font-family:Lucida Sans Unicode,helvetica,sans-serif;font-size:12px;margin:0;padding:0;}
        body {background-color:#efefef;}
        #container {width:640px;height:834px;margin:0 auto;position:relative;}
        #bg_image,#buttons {width:640px;height:834px;position:absolute;}
        #button_preview1 {width:190px;height:80px;top:545px;left:35px;display:block;position:absolute;}
        #button_preview2 {width:190px;height:80px;top:545px;left:235px;display:block;position:absolute;}
        #button_start {width:255px;height:70px;top:740px;left:35px;display:block;position:absolute;}
        #preview1,#preview2 {width:640px;height:750px;position:absolute;top:84px;cursor:pointer;display:none;background-color:white;}
    </style>
</head>
<body>
    <div id="container">
        <div id="bg_image">
            <img src="images/header.jpg" width="640" height="84" alt="大众进口汽车甲壳虫" />
            <img src="images/00_02.jpg" width="640" height="326" alt="" />
            <img src="images/00_03.jpg" width="640" height="127" alt="定制你的甲壳虫" />
            <img src="images/00_04.jpg" width="640" height="96" alt="" />
            <img src="images/00_05.jpg" width="640" height="100" alt="全新一代甲壳虫到手,德国原厂限量礼包入手!" />
            <img src="images/00_06.jpg" width="640" height="101" alt="马上开始!" />
        </div>
        <div id="buttons">
            <a id="button_preview1" href="#" onclick="javascript:document.getElementById('preview1').style.display='block';"></a>
            <a id="button_preview2" href="#" onclick="javascript:document.getElementById('preview2').style.display='block';"></a>
            <a id="button_start" href="step1.html" title="马上开始!"></a>
        </div>
        <div id="preview1" onclick="javascript:document.getElementById('preview1').style.display='none';">
            <img src="images/gift1.jpg" />
        </div>
        <div id="preview2" onclick="javascript:document.getElementById('preview2').style.display='none';">
            <img src="images/gift2.jpg" />
        </div>
    </div>
</body>
</html>